@font-face {
	font-family:AkzidenzGrotesk-BoldCondAlt;
	src: url('../fonts/AkzidenzGrotesk-BoldCondAlt.otf'); }
	
	
	
		body{min-width:1200px;width:100%;overflow-x:hidden;}
		i,em{ font-style:normal;}
		.content{width:1200px;margin:0 auto;}
      .header { height: 184px; position: relative;  background: url(../images/head_bg.jpg) no-repeat center;}
            .h_con{height: 123px;}
            .header .logo { float: left; padding-top:21px; }
            .header .logo img { width:101px; }
            .slogan { float: left; margin-top: 37px; padding-left: 24px; position: relative;font-weight: normal;height: 56px;border-left: 1px solid #e1e1e1;margin-left: 24px;}
      
            .slogan span { display: block;  font-size: 18px; color: #333333; line-height: 16px; margin-top:10px}
            .slogan  b{ display: block; font-size: 26px; color: #333333; line-height: 26px;padding-top: 0px;}
            .h_contact { float: right; margin-top: 36px; }
            .h_contact span img{ display: block; width:67px;height: 67px;float:left;margin-top: -7px;}
            .h_contact strong { display: block; font-size: 28px; color: #333333; line-height:28px; float:left;font-weight: bold; font-family:AkzidenzGrotesk-BoldCondAlt}
            .h_contact strong i{ font-size: 14px;color: #333;line-height: 14px; display: block;padding-bottom: 8px;font-weight: normal;}
               .h_contact:hover span img {animation-duration: 2s;animation-name: flipInY;}
            
            .h_nav { height: 63px;  clear: both;box-sizing: border-box;border-top: 1px solid #e1e1e1; background:#0155ab}
			 .header .h_nav ul{ display:flex}
            .header .h_nav li { position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; flex:1 }
            .header .h_nav li:last-child>a:after{display: none;}
           
              .header .h_nav li>a:after{position: absolute;content: "";width: 1px;height: 100%;background: url('../images/h_line.png') no-repeat center; right: -1px;top: 0;}
           
            .header .h_nav li>a { position: relative; display: block; font-size: 16px; color: #fff; text-align: center; line-height: 60px; height:60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 2;transition: .3s ease; -o-transition: .3s ease; }
            .header .h_nav li:hover>a, .header .h_nav li.cur>a {  color: #fff;font-weight: bold; background:#bb1b32}
            .header .h_nav li:hover>a:before, .header .h_nav li.cur>a:before { width:100%;left: 0;}
            
           
            
	

.footer{  background:#373737} 
.f_con{height:359px;padding-top:56px;border-bottom: 1px solid #535353;box-sizing: border-box;}
	.content{width:1200px;margin:0 auto;}

  .f_nav{float: left;height:222px;width:300px;text-align: left;border-right: 1px solid #535353;box-sizing: border-box;margin-right: 90px;}
  .f_nav h2{height:38px;text-align: left;width: 292px;position: relative;}
  .f_nav h2 em{font-size:22px;color: #fff;display: block;line-height:20px;font-weight:normal;}
  .f_nav h2 i{font-size: 13px;line-height: 19px;display: block;color: #999999;font-family: "Arial";padding-top: 10px;font-weight: normal;}
  .f_nav ul{margin-top:30px;}
  .f_nav  li{width:128px;float:left;}
  .f_nav li a{font-size: 15px;line-height: 30px;display: block;color: #e6e6e6;}

  .lxwm{float: left;height:222px;width:412px;text-align: left;border-right: 1px solid #535353;box-sizing: border-box;}
  .lxwm h2{height:38px;text-align: left;width: 292px;position: relative;margin-bottom: 35px;}
  .lxwm h2 em{font-size:22px;color: #fff;display: block;line-height:20px;font-weight:normal;}
  .lxwm h2 i{font-size: 13px;line-height: 19px;display: block;color: #999999;font-family: "Arial";padding-top: 10px;font-weight: normal;}
  .lxwm p{font-size: 15px;line-height: 26px;display: block;color: #e6e6e6;}
  .lxwm p a{ color:#fff}
  .lxwm .s1{background:url(../images/ft_1.png) no-repeat left;padding-left: 29px;font-size: 26px;font-weight: bold;color: #fff;margin-bottom: 12px; font-family:AkzidenzGrotesk-BoldCondAlt}

  .sao{float:right;height:260px;width:341px;text-align: left;}
  .sao h2{height:38px;text-align: left;width: 292px;position: relative;}
  .sao h2 em{font-size:22px;color: #fff;display: block;line-height:20px;font-weight:normal;}
  .sao h2 i{font-size: 13px;line-height: 19px;display: block;color: #999999;font-family: "Arial";padding-top: 10px;font-weight: normal;}
  .sao p{width:301px;height:191px;margin-top:30px;}
  .sao p em{height: 172px;width: 115px; display: block; float: left; margin-right: 41px;margin-top: 5px;}
  .sao p em span{height:100px;width:95px;display: block;}
  .sao p em b{font-size:14px;color:#333333;display: block;line-height:24px;font-weight: normal;padding-top:15px;}
  .sao p i{height: 135px;width: 135px;float: left;background: #f4f4f4;position: relative;overflow: hidden;}
  .sao p i:after{display:block;position:absolute;left:10px;top:0;width:100%;height:35px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;}
  .sao p i img{height:105px;width:105px;display: block;margin: 14px auto 0;}
	.sao .item-2:after{background:url(../images/code_shadow1.png) no-repeat 0 0;}
				@keyframes light{
					0%{top:0;}
					50%{top:100%;}
					100%{top:-40px;}
				}

  .link{height:105px;line-height:105px;}
  .link .lk2 b{font-size: 18px;color: #333333;margin-right:80px;font-weight:normal;}
  .link .lk2 b i{font-size:14px;color:#cccccc;font-family: Arial;}
  .link .lk2 a{font-size: 14px;color: #999999;padding:0 45px;position: relative;}

.end{height: 83px; line-height:83px; text-align:center}


.end1 p{font-size:15px;color:#ffffff;line-height:83px;opacity: 0.6;}
.end1 a{font-size:15px;color:#ffffff;line-height:83px;opacity: 0.6;}

.end1 em{font-size:15px;color:#ffffff;display: block;padding-top: 15px;opacity: 0.6;}
.end1 em a{color:#ffffff;display: inline-block;margin-right: 10px;}


 

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0871c4;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0871c4;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }
    



.pc{ display:block}
.mb{ display:none}

.m-toubu{ display:none}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:750px){  

.header{ display:none}
body{min-width:100%;width:100%;overflow-x:hidden;}


.pc{ display:none}
.mb{ display:block}

.m-toubu{ display:block}

.content {
    width: 92%;
    margin: 0 auto;
}
.s_box{ display:none}

.search p

.search{ overflow:hidden}




}